/*****************************************************************************************************************************************************************************************************************************/
/*-----| BASIC STYLING											|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html																	{ height: 100%; }
body																	{ height: 100%; padding-top: 60px; font-family: 'Montserrat', sans-serif; }
main																	{ display: block; }
main ul																{ padding: 0 0 0 20px; margin: 0; }
main li																{ padding: 0; margin: 0; }
main h1																{ color: #006071; font-size: 20px; font-weight: 400; }
main a																{ color: #006071 !important; }
main a:hover														{ color: #adc32b !important; }
section > h6														{ display: none; }
article > h6														{ display: none; }

@media (max-width: 991px){
.container															{ max-width: 100% !important; }
}
/*****************************************************************************************************************************************************************************************************************************/
/*-----| HEADER													|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
header																{ position: fixed; z-index: 1000; left: 0; top: 0; right: 0; height: 60px; background: #ffffff; }
header #logo														{ padding: 10px 0; }
header #logo img													{ height: 40px; }

header #hamburger													{ display: block; position: relative; width: 60px; height: 60px; }
header #hamburger:before										{ display: block; content: ""; position: absolute; top: 15px; right: 1rem; width: 30px; height: 30px; background: url(/pages/img/hamburger_4c4c4c.svg) no-repeat center; background-size: cover; transition: all 0.3s; }
header nav > div > ul											{ padding: 0; margin: 0; }
header nav > div > ul li										{ display: block; list-style: none; padding: 0; margin: 0; }
header nav > div > ul li a										{ display: block; padding: 0 1rem; text-decoration: none; }

@media screen and (min-width: 992px) {
header nav > div > ul											{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: center; }
}
@media screen and (max-width: 991px) {
header nav > div													{ padding: 30px 0; }
header nav > div > ul li a										{ line-height: 60px; text-align: center; }

header #navi														{ display: block !important; position: fixed; top: 60px; right: -100vW; bottom: 0; width: 100vW; background: #eff3d5; transition: all 0.3s; }
body.navi header #navi											{ right: 0; }
body.navi header #hamburger:before							{ transform: rotate(-90deg); }
}

/*-----| PANORAMA													|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#panorama															{ background: #dddddd; }
#panorama #static													{ width: 100%; max-width: 1920px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; }
#panorama #static img											{ visibility: hidden; width: 100%; max-height: 300px; }
#panorama .cms_jssor > div 									{ display: none !important; }
#panorama .cms_jssor > div:first-child						{ display: block !important; }

@media screen and (max-width: 1920px) {
#panorama .cms_jssor_section 									{ min-height: 0 !important; }
}

/*-----| FOOTER													|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer																{ color: #ffffff; font-size: 14px; background: linear-gradient(to right, #006071 50%,#adc32b 51%); }
footer a																{ color: #ffffff; opacity: 1 !important; }
footer a:hover														{ color: #adc32b; }
footer ul															{ margin: 0; }
footer ul li														{ list-style: none; width: 100%; }
footer .block_90000												{ padding-bottom: 0 !important; }

footer .block_25000 												{ height: 100%; }
footer iframe, footer img										{ filter: grayscale(100%); }
footer iframe:hover, footer img:hover						{ filter: grayscale(0%); }

footer .footer-copy												{ text-align: center; background: #2c2c2c }

/*-----| HOME														|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.box-home															{ display: block; position: relative; padding-bottom: 20px; color: #2c2c2c !important; }
.box-home:hover													{ color: #2c2c2c !important; text-decoration: none !important; }

a.box-home:before													{ display: block; content: "mehr"; position: absolute; right: 0; bottom: 0; width: 70px; height: 20px; color: #006071; background: url("/pages/img/more_006071.svg") no-repeat right bottom; background-size: contain; transition: opacity 0.5s; }
a.box-home:after													{ display: block; content: "mehr"; position: absolute; right: 0; bottom: 0; width: 70px; height: 20px; color: #adc32b; background: url("/pages/img/more_adc32b.svg") no-repeat right bottom; background-size: contain; transition: opacity 0.5s; opacity: 0; }
a.box-home:hover:before											{ opacity: 0; }
a.box-home:hover:after											{ opacity: 1; }

.box-home-icon														{ position: relative; height: 60px; margin-bottom: 30px; }
.box-home-icon > div												{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: contain; transition: opacity 0.5s; }

.box-home-icon > div.green										{ opacity: 0; z-index: 11; }
a.box-home:hover .box-home-icon div.green					{ opacity: 1; }
a.box-home:hover .box-home-icon div.blue					{ opacity: 0; }

.box-home h1														{ padding-bottom: 10px; }

.catRef_268	> div.container									{ padding: 0 1rem !important; }

/*-----| SIDE														|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
nav#side																{ position: absolute; right: 0; top: 60px; }
nav#side ul															{ padding: 0; }
nav#side ul li														{ list-style: none; padding: 0 0 3px 0; }
nav#side ul li a													{ display: block; position: relative; width: 36px; height: 36px; background: #006071; }
nav#side ul li a:hover											{ background: #adc32b; }
nav#side ul li a:after											{ display: block; content: ""; position: absolute; left: 6px; top: 6px; right: 6px; bottom: 6px; background-repeat: no-repeat; background-position: center; background-size: contain; }
nav#side ul li#map a:after										{ background-image: url("/pages/img/map_white.svg"); }
nav#side ul li#mail a:after									{ background-image: url("/pages/img/mail_white.svg"); }
nav#side ul li#tel a:after										{ background-image: url("/pages/img/phone_white.svg"); }

@media screen and (max-width: 768px) {
nav#side																{ position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 1001; }
nav#side ul															{ display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; width: 100%; }
nav#side ul li														{ width: 30%; padding: 0; }
nav#side ul li a													{ width: 100%; height: 60px; }
nav#side ul li a:after											{ left: 6px; top: 12px; right: 6px; bottom: 12px; }

footer .footer-copy												{ padding-bottom: 70px; }
}